html{overflow:hidden}
body{margin:0;background-color:#67ace4;font-family:\\5FAE\8F6F\96C5\9ED1}
::selection{background:0 0}
::-moz-selection{background:0 0}
#wrap{margin:75pt auto 0;width:399px}
#text{padding-top:20px;text-align:center}
#text strong{display:inline-block;font-weight:400;font-size:14px}
#text strong *{float:left}
#text span{width:8pc;height:29px;background:url("info.png") no-repeat}
#text a{margin:1px 0 0 10px;padding:6px 14px;border:1px solid #fff;border-radius:14px;color:#fff;text-decoration:none;line-height:14px;-webkit-transition:.2s ease-out;-moz-transition:.2s ease-out;-o-transition:.2s ease-out;transition:.2s ease-out;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}
#text a:active,#text a:hover{background:#fff;color:#000}
@media screen and (max-width:414px){#text span,#wrap,#wrap img{width:200px}
    #text span{margin-bottom:1pc;background-position:center}
    #text a:nth-of-type(1){margin-left:0}
}
.animate{animation:20s animate linear infinite alternate;-o-animation:20s animate linear infinite alternate;-moz-animation:20s animate linear infinite alternate;-webkit-animation:20s animate linear infinite alternate}
.above,.below{position:absolute;bottom:0;left:0;z-index:-1;width:100%}
.below{height:173px;background:url("below.png") no-repeat}
.above{height:149px;background:url("above.png") no-repeat -60px 0;animation-name:animate-above;-o-animation-name:animate-above;-moz-animation-name:animate-above;-webkit-animation-name:animate-above}
@keyframes animate{0%{background-position:0 0}
    10%{background-position:-10px 1px}
    20%{background-position:-10px 3px}
    30%{background-position:-20px 1px}
    40%{background-position:-40px 2px}
    50%{background-position:-60px 4px}
    60%{background-position:-40px 2px}
    70%{background-position:-20px 4px}
    80%{background-position:-10px 3px}
    90%{background-position:-10px 1px}
}
@-webkit-keyframes animate{0%,to{background-position:0 0}
    10%{background-position:-10px 1px}
    20%{background-position:-10px 3px}
    30%{background-position:-20px 1px}
    40%{background-position:-40px 2px}
    50%{background-position:-60px 4px}
    60%{background-position:-40px 2px}
    70%{background-position:-20px 4px}
    80%{background-position:-10px 3px}
    90%{background-position:-10px 1px}
    to{background-position:0 0}
}
@keyframes animate-above{0%{background-position:-60px 0}
    10%{background-position:-50px 8px}
    20%{background-position:-35px 10px}
    30%{background-position:-20px 10px}
    40%{background-position:-30px 1pc}
    50%{background-position:-10px 20px}
    60%{background-position:-20px 20px}
    70%{background-position:-30px 9pt}
    80%{background-position:-40px 10px}
    90%{background-position:-50px 10px}
}
@-webkit-keyframes animate-above{0%,to{background-position:-60px 0}
    10%{background-position:-50px 8px}
    20%{background-position:-35px 10px}
    30%{background-position:-20px 10px}
    40%{background-position:-30px 1pc}
    50%{background-position:-10px 20px}
    60%{background-position:-20px 20px}
    70%{background-position:-30px 9pt}
    80%{background-position:-40px 10px}
    90%{background-position:-50px 10px}
    to{background-position:-60px 0}
}
